<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Analyzer</title>

<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/app.css" />

<script data-main="js/app.js" type="text/javascript" src="js/require.js"></script>
<script>
	require.config({
		baseUrl : './js',
		paths : {
			jquery : 'jquery-2.0.2.min',
			esprima : 'esprima',
			jslint : 'jslint',
			jshint : 'jshint',
			bootstrap : 'bootstrap.min.js',
			highcharts : 'highcharts',
		},
		shim : {
			'highcharts' : {
				exports : 'Highcharts'
			},
			'highcharts-more' : {
				deps : ['highcharts']
			}
		}
	});
</script>
</head>
<body>

	<section class="jumbotron">
		<h1>Программа анализа исходного кода</h1>
		<h2>Выполнил студент гр. 962101 Сорокин Е.В.</h2>
	</section>
	
	<ul class="nav nav-pills nav-stacked">
  		<li class="active"><a id="analyze">Анализ</a></li>
 		<li><a id="settings">Настройки</a></li>
	</ul>
	
	<div class="tab active" id="analyzeTab">
		<section class="container">
	   		<textarea id="code" rows="15" class="col-sm-offset-1 col-sm-10"></textarea>
	  		<div id="submit" class="btn btn-primary col-sm-offset-5 col-sm-2">Анализировать</div>
		</section>
		
		<section class="results panel panel-default">
			<div class="panel-heading">Результаты</div>
			<div class="panel-body">
				<h3><label>Время, затраченное на разработку</label>
					<span id="totalTime"></span><span> (часов)</span>
				</h2>
				<h3><label>Технический долг</label>
					<span id="debt"></span><span> (часов)</span>
				</h2>
				<table class="table">
					<thead>
						<tr>
							<td>Индекс</td><td>Значение</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Сопровождаемость</td><td id="maintainability"></td>
						</tr>
						<tr>
							<td>Защищенность</td><td id="security"></td>
						</tr>
						<tr>
							<td>Эффективность</td><td id="efficiency"></td>
						</tr>
						<tr>
							<td>Изменяемость</td><td id="changeability"></td>
						</tr>
						<tr>
							<td>Надежность</td><td id="reliability"></td>
						</tr>
						<tr>
							<td>Тестируемость</td><td id="testability"></td>
						</tr>
						<tr>
							<td><b>Суммарный индекс</b></td><td id="sum"></td>
						</tr>
					</tbody>
				</table>
				<div id="barchart"></div>
				<div id="webchart"></div>
	  		</div>
		</section>
	</div>

	<div class="tab" id="settingsTab">
		<section class="panel panel-default">
			<div class="panel-heading">Технический долг</div>
			<div class="panel-body">
				<ul id="settingsList" class="list-group">
					
				</ul>
	  		</div>
		</section>
	</div>
</body>
</html>